<!DOCTYPE html>
<html lang="en">
  <head>
	<meta charset="utf-8">
	<title>读享，不能独享</title>
	<meta name="description" content="">
	<meta name="author" content="">

	<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
	<!--[if lt IE 9]>
	  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script>
	<![endif]-->
	<script src="http://code.jquery.com/jquery-1.5.2.min.js" type="text/javascript"></script>
 		<script src="bootstrap/js/bootstrap-dropdown.js" type="text/javascript"></script>
 		<script src="bootstrap/js/bootstrap-alerts.js" type="text/javascript"></script>
 		<script src="bootstrap/js/bootstrap-twipsy.js" type="text/javascript"></script>
 		<script src="bootstrap/js/bootstrap-popover.js" type="text/javascript"></script>

	<!-- Le styles -->
	<link href="bootstrap/bootstrap.min.css" rel="stylesheet">
	<link href="default.css" rel="stylesheet">
	<style>

	</style>
	<!-- Le fav and touch icons -->
	<link rel="shortcut icon" href="images/favicon.ico">
	<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
  </head>

  <body>
	<div class="topbar">
	  <div class="fill">
		<div class="container">
		  <a class="brand" href="#">读享</a>
		  <ul class="nav">
			<li class="active"><a href="#">首页</a></li>
			<li class="dropdown" data-dropdown="dropdown"><a href="#cat" class="dropdown-toggle">分类</a>
				<ul class="dropdown-menu" id="cat">
					<li><a href="#">分类第一</a></li>
					<li><a href="#">分类第二</a></li>
					<li><a href="#">分类三</a></li>
					<li><a href="#">分类四</a></li>
				</ul>
			</li>
			<li><a href="#about">最新上架</a></li>
			<li><a href="#contact">联系</a></li>
		  </ul>
		  <div id="login-status" class="pull-right" style="height:30px;padding-top: 6px; color: white; vertical-align: bottom;">
		  	<strong>LupinLin</strong>,欢迎回来。<a href="/users/sina/login" class="btn primary pull-right">用新浪微博登录</a>
		  </div>
		  
		</div>
	  </div>
	</div>

	<div class="container">

	  <div class="content">
		<div class="page-header">
		  <h1>独享<small>独阅乐，不如众阅乐</small></h1>
		</div>
		<div class="row notify">
			<span class="span16">
			<div class="alert-message fade in" data-alert="alert">
				本站的下载功能和发送到Kindle功能已经恢复。
				<a href="#" class="close">x</a>
			</div>
			</span>
		</div>
		<div class="row">
		  <div class="span16 book-shelf">
			<h2>最新上架书籍</h2>
				<ul class="media-grid">
					<li>
						<a href="#" rel="popover" data-original-title="这就是那操蛋的书名<span class='label success'>NEW</span>" data-content="作者：临场横<br/>出版社：中信出版社<br/>出版日期：2010年03月<br/>下次次数：5次<br/>读书笔记：10条<span class='label important'>HOT</span><br/>下载格式：MOBI,EPUB,TXT,PDF">
							<img src="http://book.lupinlin.com/img/pic/263_160x224_0.jpg" alt=""/>
						</a>
					</li>
					<li>
						<a href="#" rel="twipsy" data-original-title="ddddd" title="ssss">
							<img src="http://book.lupinlin.com/img/pic/263_160x224_0.jpg" alt=""/>
						</a>
					</li>
					<li>
						<a href="#" rel="twipsy" data-original-title="ddddd" title="ssss">
							<img src="http://book.lupinlin.com/img/pic/263_160x224_0.jpg" alt=""/>
						</a>
					</li>
					<li>
						<a href="#" rel="twipsy" data-original-title="ddddd" title="ssss">
							<img src="http://book.lupinlin.com/img/pic/263_160x224_0.jpg" alt=""/>
						</a>
					</li>
					<li>
						<a href="#" rel="twipsy" data-original-title="ddddd" title="ssss">
							<img src="http://book.lupinlin.com/img/pic/263_160x224_0.jpg" alt=""/>
						</a>
					</li>
					
				</ul>
		  </div>
		  <div class="span16 book-shelf">
		  	<h2>刚刚被下载的书籍</h2>
		  		<ul class="media-grid">
		  			<li>
		  				<a href="#" rel="popover" data-original-title="这就是那操蛋的书名<span class='label success'>NEW</span>" data-content="作者：临场横<br/>出版社：中信出版社<br/>出版日期：2010年03月<br/>下次次数：5次<br/>读书笔记：10条<span class='label important'>HOT</span><br/>下载格式：MOBI,EPUB,TXT,PDF">
		  					<img src="http://book.lupinlin.com/img/pic/263_160x224_0.jpg" alt=""/>
		  				</a>
		  			</li>
		  			<li>
		  				<a href="#" rel="twipsy" data-original-title="ddddd" title="ssss">
		  					<img src="http://book.lupinlin.com/img/pic/263_160x224_0.jpg" alt=""/>
		  				</a>
		  			</li>
		  			<li>
		  				<a href="#" rel="twipsy" data-original-title="ddddd" title="ssss">
		  					<img src="http://book.lupinlin.com/img/pic/263_160x224_0.jpg" alt=""/>
		  				</a>
		  			</li>
		  			<li>
		  				<a href="#" rel="twipsy" data-original-title="ddddd" title="ssss">
		  					<img src="http://book.lupinlin.com/img/pic/263_160x224_0.jpg" alt=""/>
		  				</a>
		  			</li>
		  			<li>
		  				<a href="#" rel="twipsy" data-original-title="ddddd" title="ssss">
		  					<img src="http://book.lupinlin.com/img/pic/263_160x224_0.jpg" alt=""/>
		  				</a>
		  			</li>
		  			
		  		</ul>
		  </div>
		  
		</div>
		<div class="row book-note-list">
			<div class="span16">
			<h2>最新读书笔记</h2>
			<div class="row">
				<div class="span3">
					<a href="#" rel="popover" data-original-title="这就是那操蛋的书名<span class='label success'>NEW</span>" data-content="作者：临场横<br/>出版社：中信出版社<br/>出版日期：2010年03月<br/>下次次数：5次<br/>读书笔记：10条<span class='label important'>HOT</span><br/>下载格式：MOBI,EPUB,TXT,PDF">
						<img src="http://book.lupinlin.com/img/pic/263_160x224_0.jpg" alt=""/>
					</a>
				</div>
				<div class="span11">
						<h3><a href="#">书籍标题</a><small>2011年11月上市</small></h3>
						<blockquote>
						<a href="#" rel="twipsy" data-original-title="ddddd" title="ssss">Lupin</a>:#销售圣经~读书笔记#当顾客来买一个钻头的时候, 他想买的其实是钻头钻出来的洞. 当顾客来买一个打印机得时候, 他想买的其实是打印出来的纸张. 发现顾客的原始需求, 无论是做销售还是做产品, 这一点都同样重要.	 
						<small>@ 2011-07-09</small>
						</blockquote>
				</div>
				<div class="span2">
					<a href="#"><img src="http://tp4.sinaimg.cn/1458787171/50/5614134673/0" alt=""></a>
				</div>
			</div>
		</div>
	  </div>

	  <footer>
		<p>&copy; Company 2011</p>
	  </footer>

	</div> <!-- /container -->
<script>
  $(function () {
    $("a[rel=popover]")
      .popover({
        offset: 10,
        html:true
      })
  })
</script>
  </body>
</html>